
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>demo</title>
</head>

<body>
<h2>title</h2>
<div class="item">
    <p>Lorem ipsum dolor sit amet.</p>
</div>
<ul>
    <li class="item1">新闻标题-1</li>
    <li class="item2">新闻标题-2</li>
    <li class="item3">新闻标题-3</li>
    <li class="item4">新闻标题-4</li>
    <li class="item5">新闻标题-5</li>
    <li class="item6">新闻标题-6</li>
    <li class="item7">新闻标题-7</li>
    <li class="item8">新闻标题-8</li>
    <li class="item9">新闻标题-9</li>
</ul>
<script src="../../../vendor/jquery-1.12.4.js"></script>
<script>
    $(function() {

        var element = $('ul');
        //        $('h2').clone().appendTo(element)

        //        $('.item').data('item', 'item')
        //        $('p').data('p', 'p')

        //        clone([]Even[,deepEven]]) 第一个参数，是否对元素本身复制，第二个元素，是否对子代元素复制
        //        $('.item').clone(true, true).appendTo(element)
        //
        //        console.log($('ul .item').data())
        //        console.log($('ul p').data())

        //$('h2').replaceWith('<p>hello</p>');
        //$('<p>hello</p>').replaceAll($('li'));


    });
</script>
</body>

</html>